/*顶部固定栏*/
.nav{
  position: -webkit-sticky;
  position: fixed!important;
  top: 0!important;
  width: 100%;
  height: 46px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 10px;
  box-sizing: border-box;

  z-index: 999;
  background: white;

}

.nav-titleImg{
  width: 38px;
  height: 38px;
}

.nav-titleImg a img{
  width: 100%;
  height: 100%;
}

.nav-title h6{
  font-size: 18px;
  font-weight: 200;
}

.nav-caiDan{
  height: 30px;
}

.icon-caidan{
  font-size: 28px!important;
  color: #99cc00!important;
  vertical-align: middle;
}

/*隐藏导航栏*/
.nav-item{
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,.1);
  position: fixed;
  top: 46px;
  left: 0;
  z-index: 999;
  display: none;
}

.show{
  display: block;
}
.nav-item .nav-item-l{
  width: 100%;
  /*height: 343px;*/
  background: white;
  box-sizing: border-box;
  border: 1px solid rgba(0,0,0,.1);
}

.nav-item-l p{
  font-size: 14px;
  color: #495060;
  padding: 5px;
  margin: 10px 0 15px 10px;
}

.nav-item-l p span{
  display: block;
  margin-bottom: 3px;
}

.nav-item-l p a {
  color: #3399FF;
  padding: 0 5px 0 0;
}
/*底部*/
.footer{
  width: 100%;
  height: 50px;
  background: white;
  position: fixed;
  left: 0;
  bottom: 0;
  box-sizing: border-box;
  z-index: 888;
  display: flex;
}

.footer .f-item{
  display: block;
  width: calc(100%/4);
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #495060;
}

.footer .f-item i{
  font-size: 26px;
}

.footer .f-item h3{
  color: #657180;
  font-size: 14px;
  font-weight: 400;
}

/*.footer{*/
/*  width: 100%;*/
/*  height: 80px;*/
/*  background: #087560;*/
/*  position: fixed;*/
/*  left: 0;*/
/*  bottom: 0;*/
/*  box-sizing: border-box;*/
/*  z-index: 888;*/
/*  display: flex;*/
/*}*/

/*.footer .f-item{*/
/*  display: block;*/
/*  width: calc(100%/2);*/
/*  height: 100%;*/
/*  display: flex;*/
/*  flex-direction: column;*/
/*  align-items: center;*/
/*  justify-content: center;*/
/*  color: #495060;*/
/*}*/

/*.footer .f-item i{*/
/*  font-size: 26px;*/
/*  color: white;*/
/*}*/

/*.footer .f-item h3{*/
/*  color: black;*/
/*  font-size: 14px;*/
/*  font-weight: 400;*/
/*}*/


/*预约*/
.yuyue{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  background: rgba(0,0,0,.5);
  display: none;
}

.yu{
  display: block;
}

.yuyue-main{
  width: calc(100% - 20px);
  height: 300px;
  border-radius: 5px;
  background: white;
  position: fixed;
  top: 100px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.yuyue-main h3{
  color: #495060;
  font-size: 20px;
  font-weight: 400;
  margin: 10px 0 5px;
}

.yuyue-main span{
  color: #495060;
  font-size: 15px;
}

.yuyue-main .main-i{
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  height: 25px;
  padding: 0 20px;
  font-size: 18px;
  color: #495060;
  margin: 15px 0 0 0;
}

.main-i input{
  width: calc(100% - 40%);
  height: 100%;
  border: 1px solid #cccccc;
  outline: none;
  border-radius:5px;
  margin-right: 30px;
  text-indent: 1em;
}

.main-i textarea{
  width: calc(100% - 40%);
  height: 250%;
  border: 1px solid #cccccc;
  outline: none;
  border-radius:5px;
  margin-right: 30px;
  text-indent: 1em;
  margin-top: 45px;
  resize: none;
}

.btn{
  width: 100%;
  height: 49px;
  position: absolute;
  bottom: 0;
  display: flex;
  border-radius: 5px;
}

.btn button{
  width: 100%;
  height: 100%;
  border: 1px solid #cccccc;
  font-size: 18px;
}

.btn button:nth-of-type(1){
  color: #b8b9c5;
  border-right: none;
}

.btn button:nth-of-type(2){
  color: #3399ff;

}
